<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" %>
<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>

		<!--360 browser -->
		<meta name="renderer" content="webkit">
		<meta name="author" content="wos">
		<!-- Android -->
		<meta name="mobile-web-app-capable" content="yes">
		<link rel="icon" sizes="192x192" href="images/i/app.png">
		<!--Safari on iOS -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="apple-touch-icon-precomposed" href="/homepage/images/i/app.png">
		<!--Win8 or 10 -->
		<meta name="msapplication-TileImage" content="/homepage/images/i/app.png">
		<meta name="msapplication-TileColor" content="#e1652f">

		<link rel="icon" type="/homepage/image/png" href="/homepage/images/i/favicon.png">
		<link rel="stylesheet" href="/homepage/assets/css/amazeui.css">
		<link rel="stylesheet" href="/homepage/css/public.css">
		<link rel="stylesheet" href="/homepage/bootstrap/css/bootstrap.min.css">
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="/homepage/assets/js/jquery.min.js"></script>
		<script src="/homepage/bootstrap/js/bootstrap.min.js"></script>
		<!--<![endif]-->
		<!--[if lte IE 8 ]>
    <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
    <script src="/homepage/assets/js/amazeui.ie8polyfill.min.js"></script>
    <![endif]-->
		<script src="/homepage/assets/js/amazeui.min.js"></script>
		<script src="/homepage/js/public.js"></script>
	</head>

	<body>

		<header class="am-topbar am-topbar-fixed-top wos-header">
			<div class="am-container">
				
				<!--<h1 class="am-topbar-brand">
            <a href="#"><img src="images/logo.png" alt=""></a>
        </h1>-->

				<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only" data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

				<div class="am-collapse am-topbar-collapse float-center" id="collapse-head">
					
					<ul class="am-nav am-nav-pills am-topbar-nav">
						<li class="am-active">
							<a href="#">首页</a>
						</li>
						<li>
							<a href="/homepage/zixun.jsp">热门</a>
						</li>
						<li>
							<a href="/homepage/category.jsp">社会</a>
						</li>
						<li class="am-dropdown" data-am-dropdown>
							<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
								时尚
							</a>
						</li>
						<li>
							<a href="/homepage/profile.jsp">动漫</a>
						</li>
						<li>
							<a href="/homepage/events.jsp">体育</a>
						</li>
					</ul>
					
					<div class="am-topbar-right">
						<button class="am-btn am-btn-default am-topbar-btn am-btn-sm"><span class="am-icon-pencil"></span><a href="${pageContext.request.contextPath}/loginandregistration/register.jsp">注册</a></button>
					</div>

					<div class="am-topbar-right">
						<button class="am-btn am-btn-danger am-topbar-btn am-btn-sm"><span class="am-icon-user"></span><a href="${pageContext.request.contextPath}/loginandregistration/demo.jsp">登录</a></button>
					</div>
					
					<div class="float-left">
						<input type="text" name="" id="" value="" />

						<button type="button" class="btn btn-default btn-sm">
          					<span class="glyphicon glyphicon-search"></span>
        				</button>
					</div>
					<style type="text/css">
						.float-left{
							width: auto;
							height: 70px;
							line-height: 70px;;
							display: flex;
							flex-direction: row;
							flex-wrap: nowrap;
							justify-content: center;
							align-items: center;
						}
						.float-left input[type='text']{
							height: 30px;
						}
						.float-center{
							display: flex!important;
							flex-direction: row;
							flex-wrap: nowrap;
							justify-content: space-between;
							align-content: center;
						}
					</style>
					
				
				
				</div>
			</div>
		</header>
		<!--banner-->
		<div class="banner">
			<div class="am-g am-container">
				<div class="am-u-sm-12 am-u-md-12 am-u-lg-8">
					<div data-am-widget="slider" class="am-slider am-slider-c1" data-am-slider='{"directionNav":false}'>
						<ul class="am-slides">
							<li>
								<a href="/homepage/events_show.jsp"><img src="/homepage/Temp-images/bb1.jpg"></a>
								<div class="am-slider-desc">远方 有一个地方 那里种有我们的梦想</div>

							</li>
							<li>
								<a href="/homepage/events_show.jsp"><img src="/homepage/Temp-images/bb2.jpg"></a>
								<div class="am-slider-desc">某天 也许会相遇 相遇在这个好地方</div>

							</li>
							<li>
								<a href="/homepage/events_show.jsp"><img src="/homepage/Temp-images/bb3.jpg"></a>
								<div class="am-slider-desc">不要太担心 只因为我相信 终会走过这条遥远的道路</div>

							</li>
							<li>
								<a href="/homepage/events_show.jsp"><img src="/homepage/Temp-images/bb4.jpg"></a>
								<div class="am-slider-desc">OH PARA PARADISE 是否那么重要 你是否那么地遥远</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="am-u-sm-0 am-u-md-0 am-u-lg-4 padding-none">
					<div class="star am-container"><span><img src="/homepage/images/hy.jpg">今日推荐</span></div>
					<ul class="padding-none am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-2 am-gallery-overlay" data-am-gallery="{ pureview: true }">
						<li>
							<div class="am-gallery-item">
								<a href="#">
									<img src="/homepage/Temp-images/lins.png" alt="远方 有一个地方 那里种有我们的梦想" />
									<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
									<div class="am-gallery-desc">2375-09-26</div>
								</a>
							</div>
						</li>
						<li>
							<div class="am-gallery-item">
								<a href="#">
									<img src="/homepage/Temp-images/lins.png" alt="远方 有一个地方 那里种有我们的梦想" />
									<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
									<div class="am-gallery-desc">2375-09-26</div>
								</a>
							</div>
						</li>
						<li>
							<div class="am-gallery-item">
								<a href="#">
									<img src="/homepage/Temp-images/lins.png" alt="远方 有一个地方 那里种有我们的梦想" />
									<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
									<div class="am-gallery-desc">2375-09-26</div>
								</a>
							</div>
						</li>
						<li>
							<div class="am-gallery-item">
								<a href="#">
									<img src="/homepage/Temp-images/lins.png" alt="远方 有一个地方 那里种有我们的梦想" />
									<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
									<div class="am-gallery-desc">2375-09-26</div>
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--banner2-->
		<div class="am-container">
			<ul class="padding-none banner2 am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-4 am-gallery-overlay" data-am-gallery="{ pureview: true }">
				<li>
					<div class="am-gallery-item">
						<a href="news.jsp">
							<img src="/homepage/Temp-images/tempnews.png" alt="远方 有一个地方 那里种有我们的梦想" />
							<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
							<div class="am-gallery-desc">2375-09-26</div>
						</a>
					</div>
				</li>
				<li>
					<div class="am-gallery-item">
						<a href="#">
							<img src="/homepage/Temp-images/tempnews.png" alt="远方 有一个地方 那里种有我们的梦想" />
							<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
							<div class="am-gallery-desc">2375-09-26</div>
						</a>
					</div>
				</li>
				<li>
					<div class="am-gallery-item">
						<a href="#">
							<img src="/homepage/Temp-images/tempnews.png" alt="远方 有一个地方 那里种有我们的梦想" />
							<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
							<div class="am-gallery-desc">2375-09-26</div>
						</a>
					</div>
				</li>
				<li>
					<div class="am-gallery-item">
						<a href="#">
							<img src="/homepage/Temp-images/tempnews.png" alt="远方 有一个地方 那里种有我们的梦想" />
							<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
							<div class="am-gallery-desc">2375-09-26</div>
						</a>
					</div>
				</li>
			</ul>
		</div>
		<!--news-->
		<div class="am-g am-container newatype">
			<div class="am-u-sm-12 am-u-md-12 am-u-lg-8 oh">
				<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default" style="border-bottom: 0px; margin-bottom: -10px">
					<h2 class="am-titlebar-title ">
                热门资讯
            </h2>
					<nav class="am-titlebar-nav">
						<a href="#more">more &raquo;</a>
					</nav>
				</div>

				<div data-am-widget="list_news" class="am-list-news am-list-news-default news">
					<div class="am-list-news-bd">
						<ul class="am-list">
							<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-5 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="/homepage/Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>

								</div>

								<div class=" am-u-sm-7 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>
									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>
								</div>

							</li>
							<div class="newsico am-fr">
								<i class="am-icon-clock-o">2016/11/11</i>
								<i class="am-icon-hand-pointer-o">12322</i>
							</div>

							<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-5 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="/homepage/Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>
								</div>

								<div class=" am-u-sm-7 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>

									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

								</div>
							</li>

							<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-5 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="/homepage/Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>
								</div>

								<div class=" am-u-sm-7 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>

									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

								</div>
							</li>

							<!--<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-7 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>
								</div>

								<div class=" am-u-sm-5 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>

									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

								</div>
							</li>-->

							<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-5 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="/homepage/Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>
								</div>

								<div class=" am-u-sm-7 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>

									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

								</div>
							</li>

							<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-5 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="/homepage/Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>
								</div>

								<div class=" am-u-sm-7 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>

									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

								</div>
							</li>

							<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-5 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="/homepage/Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>
								</div>

								<div class=" am-u-sm-7 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>

									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

								</div>
							</li>

							<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" data-am-scrollspy="{animation:'fade'}">
								<div class="am-u-sm-5 am-list-thumb">
									<a href="http://www.douban.com/online/11624755/">
										<img src="/homepage/Temp-images/b2.jpg" alt="我最喜欢的一张画" />
									</a>
								</div>

								<div class=" am-u-sm-7 am-list-main">
									<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">我最喜欢的一张画</a></h3>

									<div class="am-list-item-text">你最喜欢的艺术作品，告诉大家它们的------名图画，色彩，交织，撞色，线条雕塑装置当代古代现代作品的照片美我最喜欢的画群296795413进群发画，少说多发图，</div>

								</div>
							</li>

						</ul>
					</div>
					
					<div class="am-hide-sm">

						

						<div id="yingxiao" class="case am-animation-slide-right dn">
							<ul class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-4 am-gallery-overlay" data-am-gallery="{ pureview: true }">
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
							</ul>
						</div>

						<div id="gongju" class="dn case am-animation-slide-right">
							<ul class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-4 am-gallery-overlay" data-am-gallery="{ pureview: true }">
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
								<li>
									<div class="am-gallery-item">
										<a href="/homepage/Temp-images/dd.jpg">
											<img src="/homepage/Temp-images/cc.jpg" data-replace-img="Temp-images/dd.jpg" alt="远方 有一个地方 那里种有我们的梦想" />
											<h3 class="am-gallery-title">远方 有一个地方 那里种有我们的梦想</h3>
											<div class="am-gallery-desc">2375-09-26</div>
										</a>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div class="am-u-sm-12 am-u-md-12 am-u-lg-4">
				<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
					<h2 class="am-titlebar-title ">
                猜你喜欢
            </h2>
					<nav class="am-titlebar-nav">
						<a href="#more">more &raquo;</a>
					</nav>
				</div>
				<div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg" data-am-scrollspy="{animation:'fade'}">
					<ul class="am-list">
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" class="face" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>
							</div>
						</li>
						<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" class="face" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>

							</div>
						</li>
						<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" class="face" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>

							</div>
						</li>
					</ul>
				</div>

				<div data-am-widget="titlebar" class="am-titlebar am-titlebar-default">
					<h2 class="am-titlebar-title ">
                热搜榜
            </h2>
					<nav class="am-titlebar-nav">
						<a href="#more">more &raquo;</a>
					</nav>
				</div>

				<div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg" data-am-scrollspy="{animation:'fade'}">
					<ul class="am-list">
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" class="face" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>
							</div>
						</li>
						<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" class="face" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>

							</div>
						</li>
						<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" class="face" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>

							</div>
						</li>
					</ul>
				</div>
				

				<div data-am-widget="list_news" class="am-list-news am-list-news-default right-bg" data-am-scrollspy="{animation:'fade'}">
					<ul class="am-list">
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>
							</div>
						</li>
						<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>

							</div>
						</li>
						<hr data-am-widget="divider" style="" class="am-divider am-divider-default" />
						<li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
							<div class="am-u-sm-4 am-list-thumb">
								<a href="http://www.douban.com/online/11624755/">
									<img src="/homepage/Temp-images/face.jpg" />
								</a>
							</div>

							<div class=" am-u-sm-8 am-list-main">
								<h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11624755/">勾三古寺</a></h3>

								<div class="am-list-item-text">代码压缩和最小化。在这里，我们为你收集了9个最好的JavaScript压缩工具将帮</div>

							</div>
						</li>
					</ul>
				</div>

				
			</div>
		</div>

		<div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
			<a href="#top" title="回到顶部">
				<span class="am-gotop-title">回到顶部</span>
				<i class="am-gotop-icon am-icon-chevron-up"></i>
			</a>
		</div>

		<footer>
			<div class="content">
				<ul class="am-avg-sm-5 am-avg-md-5 am-avg-lg-5 am-thumbnails">
					<li>
						<a href="#">联系我们</a>
					</li>
					<li>
						<a href="#">加入我们</a>
					</li>
					<li>
						<a href="#">合作伙伴</a>
					</li>
					<li>
						<a href="#">广告及服务</a>
					</li>
					<li>
						<a href="#">友情链接</a>
					</li>
				</ul>
				

				
				<div class="w2div">
					<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2
  am-avg-md-2 am-avg-lg-2 am-gallery-overlay" data-am-gallery="{ pureview: true }">
						
					</ul>
				</div>
			</div>
		</footer>
	</body>

</html>